<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta content="text/html;charset=utf8" http-equiv="content-type">
</head>

<style type="text/css">
    .custom {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        width: 100%;
        border-collapse: collapse;
    }

    .custom td,
    .custom th {
        font-size: 1em;
        border: 1px solid #98bf21;
        padding: 3px 7px 2px 7px;
        text-align: center;
        word-break: break-all;
    }

    .custom th {
        font-size: 1.1em;
        padding-top: 5px;
        padding-bottom: 4px;
        background-color: #A7C942;
        color: #ffffff;
    }

    .custom tr td {
        color: #000000;
        background-color: #EAF2D3;
    }

    .indent {
        text-indent: 2em;
    }
</style>

<body>

<br>
<p>尊敬的系统管理员:</p>
<p class="indent">与您的IT系统集成产生的异常!</p>
<p class="indent">场景：<span th:text="${title}"></span></p>
<br>
<div th:if="${countData != null and not #lists.isEmpty(countData)}">
    <p>总体概况：</p>
    <table class="custom">
        <tr>
            <th style="min-width: 36px;">序号</th>
            <th style="min-width: 36px;">类型</th>
            <th style="min-width: 36px;">数量</th>
        </tr>
        <tr th:each="item,itemStat : ${countData}">
            <td th:text="${itemStat.index + 1}"></td>
            <td th:text="${item.type}"></td>
            <td th:text="${item.count}"></td>
        </tr>
    </table>
</div>
<br>
<p>详细列表：</p>
<table class="custom">
    <tr>
        <th style="min-width: 36px;">序号</th>
        <th style="min-width: 36px;">类型</th>
        <th style="min-width: 36px;">信息</th>
        <th style="min-width: 36px;">参数</th>
        <th style="min-width: 80px;">发生时间</th>
    </tr>
    <tr th:each="item,itemStat : ${allData}">
        <td th:text="${itemStat.index + 1}"></td>
        <td th:text="${item.type}"></td>
        <td th:text="${item.message}"></td>
        <td th:text="${item.param}"></td>
        <td th:text="${item.createDate}"></td>
    </tr>
</table>
<br>
<br>
<br>
<br>
我们对您产生的不便，深表歉意。<br>
请您及时处理上述异常!<br>
-----------------------<br>
(这是一封自动产生的email，请勿回复。)<br>
-----------------------
</body>
</html>